<template>
<section>
  <img :class="{'active':isChoose}" src="../../assets/credit/complexIMg.png"  @click="imgScc">
</section>
</template>

<script>
  import wx from 'weixin-js-sdk';
  export default {
    name: "detailImg2",
    data(){
      return{
        isChoose:false,
      }
    },
    methods:{
      imgScc:function () {
        this.isChoose = !this.isChoose
      }
    },
    created(){
      let url = location.href.split('#')[0];
      let shareUrl = location.href;
      this.$ajax.post(window.g.apiUrl+'/user/signature.do', JSON.stringify({
        url: shareUrl,
      })).then((response) => {
        wx.config({
          debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
          appId: response.data.data.appId, // 必填，公众号的唯一标识
          timestamp: response.data.data.timestamp, // 必填，生成签名的时间戳
          nonceStr: response.data.data.nonceStr, // 必填，生成签名的随机串
          signature: response.data.data.signature,// 必填，签名
          jsApiList: ["onMenuShareTimeline", "onMenuShareAppMessage"] // 必填，需要使用的JS接口列表
        });
        wx.ready(function () {
          wx.onMenuShareTimeline({
            title: '火炬数据 信用查询', // 分享标题
            link: shareUrl, // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
            imgUrl: 'https://www.huojudata.com/image/logo.jpg', // 分享图标
            success: function () {
              // 用户点击了分享后执行的回调函数
            },
          })
          wx.onMenuShareAppMessage({
            title: '火炬数据 信用查询', // 分享标题
            desc: '【火炬数据】让数据聚合价值    用科技成就未来', // 分享描述
            link: url, // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
            imgUrl: 'https://www.huojudata.com/image/logo.jpg', // 分享图标
            type: '', // 分享类型,music、video或link，不填默认为link
            dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
            success: function () {
// 用户点击了分享后执行的回调函数
            }
          });
        });
      }).catch(() => {
      })
    }
  }
</script>

<style scoped>
  img {
    width: 100%;
  }
  img.active {
    width: auto;
  }
</style>
